<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
			/* 	background-color: #008000; */
			}

			div {
				height: 800px;
				width: 800px;
				/* background-color: red; */
				/* background-color: rgb(154, 160, 200); */
				/*
				希望背景透明
				内容不透明
				*/
			/* 	background-color: rgba(255,0,0,0.5); */
			background-color: #008000;
			background-image: url(./img/img2.jfif);
			/* background-repeat:repeat-y; */
			background-repeat: no-repeat;
			/* background-position: center bottom; */
			/*等比例放大图片 直到把元素全部覆盖*/
			/* background-size: cover; */
			background-size: contain;

			}
		</style>
	</head>
	<body>
		<div>你好</div>
	</body>
</html>
